/**
 * Created by Administrator on 2018/1/18.
 */
$(start);

function start(){
    $(".tab>:last-child>*").hide();
    $(".tab>:last-child>:first-child").show();
    //给当前网页中属于tab类的元素的第一个子元素中的所有元素附加鼠标
    //悬停事件
    $(".tab>:first-child>*").mouseover(
        function(){
            //首先取得当前元素在其兄弟姐们的序号
            var index = $(this).index();
            //根据当然元素确定其tab父元素
            var $current_tab = $(this).parents(".tab");
            //将当前tab父元素中最后一个子元素中所有元素全部隐藏
            $current_tab.find(":last-child>*").hide();
            //将当前tab父元素中最后一个子元素中和事件触发者对应的元素
            //显示出来
            $current_tab.find(":last-child>:nth-of-type("+(index+1)
                +")").show();
        }
    );
}